import { createRoot } from "react-dom/client";
import React, { Suspense } from "react";
import App from "./App";
import { Provider } from "react-redux";
import store from "store";
import { BrowserRouter } from "react-router-dom";
import "./global.scss";

const container = document.getElementById("root");

if (container) {
  const root = createRoot(container);
  root.render(
    <Suspense fallback={<div>loding......</div>}>
      <BrowserRouter>
        <Provider store={store}>
          <App />
        </Provider>
      </BrowserRouter>
    </Suspense>
  );
}
